<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <!-- Metadata -->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Administraci&oacute;n de Recurso</title>
        <link rel="stylesheet" href="faces/css/pattern1.css" type="text/css">
    </head>
    <!-- Fin Metadata -->
    
    <body> 
        <%--Este tag f:view es el contenedor para las funciones --%>
        <f:view>
            <!-- Divisor de la Cabecera de la Página -->
            <div id="masthead"> 
                <h1 id="siteName">Administraci&oacute;n de Recursos </h1> 
                <div id="globalNav"> 
                    <label>La mejor forma de optimizar sus recursos y su tiempo.</label>
                </div> 
                <div id="globalNav">
                    <table border="0" width="100%">
                        <tr>                   
                            <td>
                                <h2>Bienvenido ${user.iddatospersonales.nombres} ${user.iddatospersonales.apellidos}</h2>
                            </td>
                            <td>&nbsp;</td>
                            <td align="right" valign="top">                    
                                <h:form>
                                    |<h:commandLink styleClass="a" value="Pagina Principal" action="#{usuario.principalSetup}"/>
                                </h:form>
                            </td>
                            <td align="left" valign="top">                    
                                <h:form>
                                    |<h:commandLink styleClass="a" value="Salir" action="#{usermanager.logout}"/> |
                                </h:form>      
                            </td>
                        </tr>
                    </table>
                </div>
            </div> 
            <!-- Fin de Divisor de Cabecera --> 
            
            <table border="0">
                <tr>
                    <td>
                        <!-- Menú de Navegación -->
                        <h:form>
                        <div id="navBar"> 
                            <div id="sectionLinks"> 
                                <ul> 
                                    <li><h:commandLink action="#{rol.listSetup}" value="Roles"/></li> 
                                    <li><a href="login.jsp#">Link2</a></li> 
                                    <li><a href="logout#">Link3</a></li> 
                                    <li><a href="">Link4</a></li>
                                    <li><a href="">Link4</a></li>  
                                </ul> 
                            </div> 
                            <div class="relatedLinks"> 
                                <h3>Vinculos Adicionales</h3> 
                                <ul> 
                                    <li><a href="">Link relacionado</a></li> 
                                    <li><a href="">Link relacionado</a></li> 
                                </ul> 
                            </div> 
                        </div> 
                        </h:form>
                        <!-- Fin Menú de Navegación -->
                    </td>
                    <td>
                        <!-- Divisor del Contenido Principal -->
                        <div id="siteName">
                        </div>
                        <div id="content"> 
                            <div class="feature">
                                <jsp:directive.include file="/jsp/servicios/reserva/Edit.jsp" />
                            </div> 
                        </div> 
                        
                        <!-- Fin del Contenido Principal -->
                    </td>
                    <td width="10%">
                        &nbsp;
                    </td>
                </tr>    
            </table>
            <!-- Pie de Página -->
            <div id="siteInfo" >  <a href="">Sobre Nosotros</a> | <a href="mailto:rodas.marcelo@gmail.com">Contactenos</a> | &copy;2008
                Grupo de Ingeniería Informática.
            </div> 
            <br> 
            <!-- Fin Pie de Página -->
        </f:view>
    </body>
</html>
